草庐IT

前端 PM

全部标签

前端Vue仿支付宝自定义可滑动轮播分页宫格菜单组件,可支持九宫格 十二宫格 十五宫格

背景介绍随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进行组合。大大提升了开发的效率,降低了维护的成本。本文将介绍一款我们团队开发的组件:仿支付宝自定义可滑动轮播分页宫格菜单组件。该组件支持九宫格、十二宫格、十五宫格,并附带源码下载地址:https://ext.dcloud.net.cn/plugin?id=13758效果图如下:cc-nav-swiper使用方

React 前端应用中快速实践 OpenTelemetry 云原生可观测性(SigNoz/K8S)

OpenTelemetry 可用于跟踪 React 应用程序的性能问题和错误。您可以跟踪从前端web应用程序到下游服务的用户请求。OpenTelemetry 是云原生计算基金会(CNCF)下的一个开源项目,旨在标准化遥测数据的生成和收集。已成为下一代可观测平台的事实标准。React(也称为 React.js 或 ReactJS )是一个免费的开源前端 JavaScript 库,用于基于 UI 组件构建用户界面。它是由 Meta (以前的 Facebook)和一个由个人开发者和公司组成的社区维护的。React 可以作为使用 Next.js 等框架开发单页、移动或服务器渲染应用程序的基础。然而,R

前端同事最讨厌的后端行为,看看你中了没有

公众号「古时的风筝」,专注于后端技术,尤其是Java及周边生态。个人博客:www.moonkite.cn大家好,我是风筝听说这是前端程序员最讨厌的后端行为,不知道你有没有碰到过,或者你的前端同事虽然没跟你说过,但是你已经被偷偷吐槽了。前端吐槽:后端从不自测接口,等到前后端联调时,这个接口获取不到,那个接口提交不了,把前端当成自己的接口测试员,耽误前端的开发进度。听到这个吐槽,仿佛看到曾经羞愧的自己。这个毛病以前我也有啊,有些接口,尤其是大表单提交接口,表单特别大,字段很多,有时候就偷懒了,直接编译过了,就发到测试环境了。前端同时联调的时候一调接口,异常了。好在后来改了,毕竟让人发现自己接口写的

vue纯前端导入excel,获取excel的表格数据渲染el-table

最近有个需求,最开始列表数据是通过新增按钮一条条添加的,但是部分数据量可能上百条,客户自己手选会很慢,所以产品经理给了个需求要求可以通过上传excle文件进行导入。经过网上查询及涉及自己项目,实现了此功能。第一步:安装插件,我安的是0.16.0;原因是默认安装版本编译会有点问题,经过搜索后发现安装此版本后解决。npminstallxlsx@0.16.0--save第二步:vue页面中导入XLSX依赖importXLSXfrom'xlsx'第三步:页面展示上传文件第四步:核心代码js//上传导入excle文件asyncimportExcel(file){consttypes=file.name.

微前端vue项目实战 -- 乾坤qiankun框架 (一)

背景:公司研发的项目主要是GIS地图为基础的管理系统,由主体项目(管理业务模块)+GIS地图应用,由于GIS地图应用模块会在多个地方使用,所以单独构建一个项目,分别在不同的业务场景中引用、交互,也在app中通过webview通信使用,之前一直使用iframe的通信方式,iframe基本也可以满足业务需求,应用分割、独立运行、分别部署,iframe方案已经满足并且不断优化已经满足需求,但是作为程序猿还是想尝试一下新技术,或许实战它可能不是最佳方案,那也只有试了才知道,那就研究一下吧。站在巨人的肩膀,看一下天空,用了阿里的乾坤qiankun框架,尝试一下踩坑,说干就干。首先贴一下qiankun官网

微前端vue项目实战 -- 乾坤qiankun框架 (一)

背景:公司研发的项目主要是GIS地图为基础的管理系统,由主体项目(管理业务模块)+GIS地图应用,由于GIS地图应用模块会在多个地方使用,所以单独构建一个项目,分别在不同的业务场景中引用、交互,也在app中通过webview通信使用,之前一直使用iframe的通信方式,iframe基本也可以满足业务需求,应用分割、独立运行、分别部署,iframe方案已经满足并且不断优化已经满足需求,但是作为程序猿还是想尝试一下新技术,或许实战它可能不是最佳方案,那也只有试了才知道,那就研究一下吧。站在巨人的肩膀,看一下天空,用了阿里的乾坤qiankun框架,尝试一下踩坑,说干就干。首先贴一下qiankun官网

远程服务和web服务和前端,三方通过socket和websocket进行双向通信传输数据

1.什么是socket?在计算机通信领域,socket被翻译为“套接字”,它是计算机之间进行通信的一种约定或一种方式。通过socket这种约定,一台计算机可以接收其他计算机的数据,也可以向其他计算机发送数据。2.什么是websocket?WebSocket是一种网络通信协议,是HTML5新增的特性,实现了基于浏览器的远程socket,使浏览器和服务器可以进行全双工通信。3.要实现什么样的效果?socket服务端和web服务端实现数据双向通信。socket服务端可以是任何语言实现(c++、java、php、go等),任何部署方式(本机、远程)web服务端(go实现)和前端通过websocket实

【WEB前端】【报错解决】This request has been blocked; the content must be served over HTTPS....

问题描述部署WEB项目后,开启了强制HTTPS,产生如下错误:MixedContent:Thepageat'https://ask.mllt.vip/index.php/data1.html'wasloadedoverHTTPS,butrequestedaninsecurefavicon'http://ask.mllt.vip/imgs/profile.png'.Thisrequesthasbeenblocked;thecontentmustbeservedoverHTTPS.问题分析报错的原因就是当前页面是https协议加载的,但是这个页面发起了一个http的ajax请求,这种做法是非法的。

【机器学习】李宏毅-预测PM2.5

李宏毅-预测PM2.51实验目的巩固课堂所学知识,学习使用LinearRegression中梯度下降预测模型,并将所学运用至实践,根据从空气质量监测网下载的观测数据,使用LinearRegression预测出空气污染指数(即PM2.5)的数值。2实验要求•不可以使用numpy.linalg.lstsq•可以使用pandas库读取csv文件数据信息(其他库亦可)•必须使用线性回归,方法必须使用梯度下降法•可以使用多种高阶的梯度下降技术(如Adam、Adagrad等)•程序运行时间不得大于3分钟3实验环境3.1硬件环境笔记本电脑、IntelCorei53.2软件环境windows10操作系统、Py

常用的前端4种请求方式

一.GET请求:第一种情形:前端发送get请求,使用data方式传递参数。exportfunctionempList(query){returnrequest({url:'/emps/list',method:'get',data:query})}后端使用@GetMapping注解,不使用@RequestBody接收参数@GetMapping("/list")publicResultlistEmp(Empemp){Listemps=empService.listEmp(emp);returnResult.success(emps);}这种方法实际接收不到前端传递来的参数,因为get请求参数传递